<template>
  <div class="header">
    <div class="header-left">
      <span class="iconfont" @click="hit"> &#xe624; </span>
    </div>
    <div class="header-title">
        城市选择
    </div>
    <div class="header-right">
      
    </div>
  </div>
</template>

<script>
export default {
    methods:{
        hit(){
            this.$router.push('/')
        }
    }
};
</script>

<style scoped lang="stylus">
@import '../../../assets/css/var.styl';

.header {
  width: 100%;
  height:.88rem;
  line-height: 0.88rem;
  background: $bgColor;
  color: $textColor;
  font-size: 0.32rem;
  position:relative;
  z-index:9999;
}

.header-left {
  width: 0.4rem;
  padding: 0 0.2rem;
  text-align: center;
  font-weight: bold;
  position:absolute;
}
.header-title{
    text-align:center;
}
</style>